<!DOCTYPE html>
<html lang="zh-CH">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>个人中心-明日方舟</title>
    <link href="../css/userHome.css" type="text/css" rel="stylesheet" />
    <link rel="shortcut icon" href="../img/index/icon.png">
</head>

<body>
    <div id="pageHead">
        <img id="pageLog" src="../img/login/login.png">
        <img id="meanuButton" onclick="meanuButton()" src="../img/userHome/meanu.png">
        <img id="loginOut" onclick="loginOut()" src="../img/informationMore/loginOut.png">
    </div>

    <span id="pageMeanu">
        <img id="meanuOut" onclick="meanuOut()" src="../img/userHome/meanuOut.png">
        <ul id="meanuList">
            <li id="meanuLi" onclick="toPageCard(1)">基本信息</li>
            <li id="meanuLi" onclick="toPageCard(2)">重置密码</li>
            <li id="meanuLi" onclick="toPageCard(3)">礼包兑换</li>
            <li id="meanuLi" onclick="toPageCard(4)">自助查询</li>
        </ul>
    </span>

    <div id="pageBody">
        <span id="nowAccount">当前账号 | 155****7290</span><br>
        <!-- 账号信息 -->
        <span id="AccountInformation" class="bigCard">
            <b id="userAccountInformation" class="bigCardName">账号信息</b><br>
            <span class="Card">
                <b class="CardName">绑定手机</b><br>
                <b class="CardPhone">155****7290</b>
                <button class="AccountInformationChange" onclick="changePhone()">变更</button>
            </span><br>
            <span class="Card">
                <b class="CardName">绑定邮箱</b>
                <b class="CardEmail">Hyperion_LR@foxmail.com</b>
                <button class="AccountInformationChange" onclick="changeEmail()">绑定</button>
            </span>
        </span>
        <!-- 账号角色信息 -->
        <span id="AccountRoleInformation" class="bigCard">
            <b id="userAccountRoleInformation" class="bigCardName">账号角色信息</b>
            <span class="Card">
                <b class="CardName">角色昵称</b>
                <b class="cardRole">冰箱的主人LR</b>
            </span>
            <span class="Card">
                <b class="CardName">UID</b>
                <b class="cardRoleName">2642200721</b>
            </span>
        </span>
        <!-- 实名信息 -->
        <span id="RealNameInformation" class="bigCard">
            <b id="userRealNameInformation" class="bigCardName">实名信息</b>
            <card class="Card">
                <b class="CardName">实名信息</b>
                <b class="cardRealName">未实名</b>
            </card>
        </span>
        <!-- 手机换绑 -->
        <span id="SetNewPhone" class="bigCard">
            <b id="userSetNewPhone" class="bigCardName">手机换绑</b>
            <form name="SetNewPhone" class="Card" onsubmit="return changePhoneCheck(this)" method="POST">
                <b class="CardName">新手机号</b>
                <input name="NewPhone" id="NewPhone" type="text">
                <span class="ERRORInformation">
                    <p id="PhoneError">*换绑手机号须为非注册手机号</p>
                </span><br>
                <b class="CardName">验证码</b>
                <input name="NewPhoneVerification" id="NewPhoneVerification" type="text" placeholder="输入验证码">
                <button id="getNewPhoneVerification">获取验证码</button>
                <span class="ERRORInformation">
                    <p id="NewPhoneVerificationError">&nbsp</p>
                </span><br>
                <b class="CardName">验证当前手机验证码</b>
                <input name="NowPhoneVerification" id="NowPhoneVerification" type="text" placeholder="输入验证码">
                <button id="getNowPhoneVerification">获取验证码</button>
                <span class="ERRORInformation">
                    <p id="NowPhoneVerificationError">&nbsp</p>
                </span><br>
                <input id="submitNewPhone" type="submit" value="确认更改">
            </form>
        </span>
        <!-- 绑定邮箱 -->
        <span id="SetNewEmail" class="bigCard">
            <b id="userSetNewEmail" class="bigCardName">邮箱绑定</b>
            <form name="SetNewEmail" class="Card" onsubmit="return changeEmailCheck(this)" method="POST">
                <b class="CardName">短信验证码</b>
                <input name="NewEmailVerification" id="NewEmailVerification" type="text" placeholder="输入短信验证码">
                <button id="getNewEmailVerification">获取验证码</button>
                <span class="ERRORInformation">
                    <p id="NewEmailVerificationError">&nbsp</p>
                </span><br> 

                <b class="CardName">邮箱地址</b>
                <input name="NewEmail" id="NewEmail" type="text">
                <span class="ERRORInformation">
                    <p id="EmailError">&nbsp;</p>
                </span><br>

                <b class="CardName">邮箱验证码</b>
                <input name="NowEmailVerification" id="NowEmailVerification" type="text" placeholder="输入邮箱验证码">
                <button id="getNowEmailVerification">获取验证码</button>
                <span class="ERRORInformation">
                    <p id="NowEmailVerificationError">&nbsp</p>
                </span><br>

                <input id="submitNewEmail" type="submit" value="确认绑定">
            </form>
        </span>
        <!-- 重置密码 -->
        <span id="SetNewPwb" class="bigCard">
            <b id="userSetNewPwb" class="bigCardName">重置密码</b>
            <form name="SetNewPwb" class="Card" onsubmit="return changePwbCheck(this)" method="POST">
                <b class="CardName">新密码</b>
                <input name="NewPwb" id="NewPwb" type="password" placeholder="8-16位数字，字母，常用字符">
                <span class="ERRORInformation">
                    <p id="PwbError">&nbsp</p>
                </span><br>
                <b class="CardName">确认密码</b>
                <input name="reNewPwb" id="reNewPwb" type="password" placeholder="确认密码">
                <span class="ERRORInformation">
                    <p id="rePwbError">&nbsp</p>
                </span><br>
                <b class="CardName">验证码</b>
                <input name="verification" id="verification" type="text" placeholder="输入验证码">
                <button id="getVerification">获取验证码</button>
                <span class="ERRORInformation">
                    <p id="verificationError">&nbsp</p>
                </span><br>
                <input id="submitNewPwb" type="submit" value="确认更改">
            </form>
        </span>
        <!-- 礼包兑换 -->
        <span id="redemption" class="bigCard">
            <b id="userPedemption" class="bigCardName">礼包兑换</b>
            <form name="userPedemption" class="Card" onsubmit="return Redemption(this)" method="POST">
                <input id="redemptionCode" type="text" placeholder="-A R K N I G H T-">
                <span class="ERRORInformation">
                    <p id="redemptionCodeError">&nbsp</p>
                </span><br>
                <input id="submitRedemption" type="submit" value="确认兑换">
            </form>
        </span>
        <span id="RedemptionRecords" class="bigCard">
            <b id="userPedemption" class="bigCardName">历史兑换记录</b>
            <b id="userPedemptionInformation">*仅显示最近10条兑换记录</b>
            <table id="RedemptionRecordTable">
                <thead id="RedemptionRecordTh">
                    <th>兑换时间</th>
                    <th>礼包</th>
                    <th>使用兑换码</th>
                </thead>
                <tbody>
                    <tr class="RedemptionRecord">
                        <td class="pedemptionTime">2022-03-07</td>
                        <td class="pedemptionGift">源石*3</td>
                        <td class="pedemptionCode">g856mdfy</td>
                    </tr>
                    <tr class="RedemptionRecord">
                        <td class="pedemptionTime">2022-03-07</td>
                        <td class="pedemptionGift">源石*3</td>
                        <td class="pedemptionCode">g856mdfy</td>
                    </tr>
                    <tr class="RedemptionRecord">
                        <td class="pedemptionTime">2022-03-07</td>
                        <td class="pedemptionGift">源石*3</td>
                        <td class="pedemptionCode">g856mdfy</td>
                    </tr>
                    <tr class="RedemptionRecord">
                        <td class="pedemptionTime">2022-03-07</td>
                        <td class="pedemptionGift">源石*3</td>
                        <td class="pedemptionCode">g856mdfy</td>
                    </tr>
                    <tr class="RedemptionRecord">
                        <td class="pedemptionTime">2022-03-07</td>
                        <td class="pedemptionGift">源石*3</td>
                        <td class="pedemptionCode">g856mdfy</td>
                    </tr>
                    <tr class="RedemptionRecord">
                        <td class="pedemptionTime">2022-03-07</td>
                        <td class="pedemptionGift">源石*3</td>
                        <td class="pedemptionCode">g856mdfy</td>
                    </tr>
                    <tr class="RedemptionRecord">
                        <td class="pedemptionTime">2022-03-07</td>
                        <td class="pedemptionGift">源石*3</td>
                        <td class="pedemptionCode">g856mdfy</td>
                    </tr>
                    <tr class="RedemptionRecord">
                        <td class="pedemptionTime">2022-03-07</td>
                        <td class="pedemptionGift">源石*3</td>
                        <td class="pedemptionCode">g856mdfy</td>
                    </tr>
                    <tr class="RedemptionRecord">
                        <td class="pedemptionTime">2022-03-07</td>
                        <td class="pedemptionGift">源石*3</td>
                        <td class="pedemptionCode">g856mdfy</td>
                    </tr>
                    <tr class="RedemptionRecord">
                        <td class="pedemptionTime">2022-03-07</td>
                        <td class="pedemptionGift">源石*3</td>
                        <td class="pedemptionCode">g856mdfy</td>
                    </tr>
                </tbody>
            </table>
        </span>
    </div>

    <div id="pageFooter">
        <p> 沪公网安备31010402005145号沪ICP备17022476号-1 沪网文[2018] 0803-067号</p>
        <p>亲的市民朋友，上海警方反许劝阻电话“962110”系专门针对免您财产被骗受损而设，请您一旦收到来电，立即接听。</p>
        <p>Copyright@2017上海鹰角网络科技有限公司上海市嘉定区南翔镇银翔路799号昌辉大厦504-1室电话：021-64399377 客服QQ:800830064</p>
    </div>
    <script type="text/javascript" src="../js/userHome.js"></script>
</body>

</html>